iT邦幫忙

終究都要學 react 何不現在學呢?相關文章
共有 30 則文章
鐵人賽 Modern Web DAY 30

技術 終究都要學 React 何不現在學呢? - 鐵人賽後記 - 目錄 - (30)

前言 這一篇是「終究都要學 React 何不現在學呢?」系列的最後一篇了,同時也是目錄,因此也最後分享一下自己學的過程,以及一些心得。 鐵人心得 其實本身我自己...

鐵人賽 Modern Web DAY 29

技術 終究都要學 React 何不現在學呢? - React Redux - Redux 與快速入門 - (29)

前言 這一篇開始會進入另一個新章節,只是這個章節我只會簡單的拆成兩篇,所以內容相對會少一點,那麼什麼是 Redux 呢?這一篇就讓我們來了解一下吧。 什麼是 R...

鐵人賽 Modern Web DAY 28

技術 終究都要學 React 何不現在學呢? - React Router - Lazy Loading - (28)

前言 這一篇要來介紹 React Router 中很重要一個優化的部分,也就是 Lazy Loading,Lazy Loading 在實在開發上其實是非常重要的...

鐵人賽 Modern Web DAY 27

技術 終究都要學 React 何不現在學呢? - React Router - Hook - (27)

前言 那麼由於我們主要都是以 React Hook 為主,因此 React Router 也有提供一些 Hook 給我們使用,所以這邊我們也要稍微了解一下有哪些...

鐵人賽 Modern Web DAY 26

技術 終究都要學 React 何不現在學呢? - React Router - Link 與 NavLink - (26)

前言 前面我們有稍微提到 Link,但是我們並沒有很認真的去認識它,只是單純帶到如何使用而已,所以這一篇會特別去說明 Link,同時也會介紹到另一個東西,也就是...

鐵人賽 Modern Web DAY 25

技術 終究都要學 React 何不現在學呢? - React Router - 巢狀路由 - (25)

前言 前面我們已經認識了基本的 React Router,接著我們要認識另一個觀念,也就是巢狀路由,而巢狀路由在實戰開發上是很常見的,因此這一篇我們就必須要來認...

鐵人賽 Modern Web DAY 24

技術 終究都要學 React 何不現在學呢? - React Router - 基礎與介紹 - (24)

前言 雖然在極小的專案下,前面章節所學的知識點是很足夠的,但是我們在真正的專案開發上不可能只用前面的知識點而已,因為頁面會隨著專案規模大小越來越複雜,因此我們需...

鐵人賽 Modern Web DAY 23

技術 終究都要學 React 何不現在學呢? - React Vite - Vite 淺談與 GitHub 部署 - (23)

前言 前一章節已經將原本在 Create React App 的環境轉移到 Vite 了,所以接下來會稍微簡單認識為什麼 Vite 這麼快的原因與如何將專案部署...

鐵人賽 Modern Web DAY 22

技術 終究都要學 React 何不現在學呢? - React Vite - Vite 建立 - (22)

前言 這一篇開始將會進入另一個新章節也就是 Vite,相信許多人已經在專案上體驗過 Vite,如果還沒也沒關係,接下來會帶你了解會什麼 Vite 很香,以及如何...

鐵人賽 Modern Web DAY 21

技術 終究都要學 React 何不現在學呢? - React CRA - TodoList 與 GitHub 部署 - (21)

前言 接下來會將第十一天所實作的 TodoList 從 CodePen 移植過來,因此這章節也會整理一下 CRA 順便安裝 Tailwind CSS,讓我們的...

鐵人賽 Modern Web DAY 20

技術 終究都要學 React 何不現在學呢? - React CRA - StrictMode 與 WebVitals - (20)

前言 延續上一篇的 CRA 專案,這一天會將剩下兩成沒看過的程式碼稍微認識一下,所以這一篇也會相對簡單輕鬆。 Web Vitals 一開始我們先來看一下 ind...

鐵人賽 Modern Web DAY 19

技術 終究都要學 React 何不現在學呢? - React CRA - CRA 建立 - (19)

前言 這一章節開始我們將會進入全新的章節,也就是 React CRA 章節,從這個章節開始也會慢慢減少在 CodePen 上的使用,而是開始進入實戰常見得開發環...

鐵人賽 Modern Web DAY 18

技術 終究都要學 React 何不現在學呢? - React 進階 - Fragments - (18)

前言 Fragments 是一個實戰上非常常使用的技巧,它可以讓我們在寫 React 的時候,可以不用一定要包一層 div,這樣就可以讓我們的 HTML 結構更...

鐵人賽 Modern Web DAY 17

技術 終究都要學 React 何不現在學呢? - React 進階 - Custom Hook - (17)

前言 我們在前面章節認識到了許多 React Hooks,但是這些 Hooks 都是由 React 官方所提供的,那如果我們想自訂自己的 Hooks 可不可以?...

鐵人賽 Modern Web DAY 16

技術 終究都要學 React 何不現在學呢? - React 進階 - useRef - (16)

前言 接下來要來聊一個有趣的 Hook,也就是 useRef 這個 Hook,這個 Hook 有什麼特別的功能呢?就讓我們瞧瞧吧! useRef 前面這邊先提一...

鐵人賽 Modern Web DAY 15

技術 終究都要學 React 何不現在學呢? - React 進階 - useReducer - (15)

前言 接著我們要來認識一個很特別的東西,也就是 useReducer,而 useReducer 可以說是 useState 的進階版,因為 useReducer...

鐵人賽 Modern Web DAY 14

技術 終究都要學 React 何不現在學呢? - React 進階 - useCallback - (14)

前言 接下來這一篇算是簡單的一篇,因為我們只會快速認識一下 useCallback,而 useCallback 是什麼呢?就讓我們繼續往下看吧。 useCall...

鐵人賽 Modern Web DAY 13

技術 終究都要學 React 何不現在學呢? - React 進階 - useMemo - (13)

前言 這一章節開始我們要來介紹一個新的 Hook 也就是 useMemo,但是再說明 useMemo 之前我們先來回顧一下 Vue 裡面與 useMemo 類似...

鐵人賽 Modern Web DAY 12

技術 終究都要學 React 何不現在學呢? - React 進階 - 深入 JSX - (12)

前言 前面章節雖然我們已經認識了基本的 JSX 的部分,但這一篇我們會更深入的認識了解 JSX,讓我們在開發的時候可以少一點雷點,甚至活用一些技巧。 creat...

鐵人賽 Modern Web DAY 11

技術 終究都要學 React 何不現在學呢? - React 基礎 - TodoList (下) - (11)

前言 前一篇我們已經完成了一個簡單版的 React TodoList,接著這一篇我們要來針對這個簡單版的 TodoList 優化一下,讓它變得更完整。 Reac...

鐵人賽 Modern Web DAY 10

技術 終究都要學 React 何不現在學呢? - React 基礎 - TodoList (上) - (10)

前言 接下來這一章節我們將會實作一些小東西,主要是要整合前面的知識點,否則單看知識而沒有任何一點輸出的話是沒有任何用處的,因此就讓我們準備練習一下吧。 範本樣板...

鐵人賽 Modern Web DAY 9

技術 終究都要學 React 何不現在學呢? - React 基礎 - useContext - (9)

前言 前面章節我們有初步認識到了 React 元件傳遞過程也就是 Props,但 Props 通常是上層一路傳遞到下層,雖然這樣子可以確保資料流向,因為是單向的...

鐵人賽 Modern Web DAY 8

技術 終究都要學 React 何不現在學呢? - React 基礎 - useEffect - (8)

前言 接下來我們要來認識一個新的 React Hook,也就是 useEffect,那麼單看這個名子會覺得有一點特別,因為直接翻譯成中文來講是「使用效果」,那麼...

鐵人賽 Modern Web DAY 7

技術 終究都要學 React 何不現在學呢? - React 基礎 - useState - (7)

前言 State 是 React Hook 非常重要的東西,多重要呢?簡單來講只要你需要更改呈現在畫面上的資料,那麼就一定脫離不了 React State。 V...

鐵人賽 Modern Web DAY 6

技術 終究都要學 React 何不現在學呢? - React 基礎 - 元件 - (6)

前言 接下來要來聊聊關於元件的部分,如果你是一名 Vue 開發者,相信你對於元件這個概念一定非常的熟悉,那麼 React 呢?React 的元件又如何呢? 什麼...

鐵人賽 Modern Web DAY 5

技術 終究都要學 React 何不現在學呢? - React 基礎 - 事件處理 - (5)

前言 接著來聊聊 React 的事件處理,畢竟事件處理這件事情我們在開發上是非常常見的。 Vue 事件處理 一開始我們先來快速聊一下 Vue 的部分。 Vue...

鐵人賽 Modern Web DAY 4

技術 終究都要學 React 何不現在學呢? - React 基礎 - JSX - (4)

前言 常常聽到人家說 JSX 這是什麼東西?好像對於寫 React 的人來講是一個必須要學的東西? JSX 介紹 撰寫 React 之前你一定會需要了解 JSX...

鐵人賽 Modern Web DAY 3

技術 終究都要學 React 何不現在學呢? - React 基礎 - Class?Hooks? - (3)

前言 Function Component?Class Component?React Hooks?這些到底是什麼東西呢?所以這一篇我們就要來認識一下 Reac...

鐵人賽 Modern Web DAY 2

技術 終究都要學 React 何不現在學呢? - React 基礎 - Hello React - (2)

前言 前面我們快速了解 React 跟 Vue 之間的寫法上差異,所以接下來就是準備正式開始認識並學習 React 囉。 事前提醒 由於接下來我們將會學習 Re...

鐵人賽 Modern Web DAY 1

技術 終究都要學 React 何不現在學呢? - React 基礎 - React 是什麼? - (1)

前言 不管怎麼樣,一開始絕對都是先從認識 React 基礎觀念與認識了解 React 背景開始,這樣子對於後續要學習其他框架時才能夠比較清楚彼此之間的差異,除此...